<div id="CreateDemand" data-title="发布项目">
    <style>@@include('modules/CreateDemand/main.css.min')</style>
    <div class="CreateDemand_vue">
        <!--制作、维修、租赁、采购，首屏-->
        <div id="TypeSelect">
            <div class="inquiry-type">
                <!--制作-->
                <div v-if="currentType=='index'"> 
                    <span class="title">需要什么类型的屏幕?</span>
                    <div class="choice-button" > 
                        <div class="choice-type">
                            <span class="select choose isSelected" type="2"><span class="icon-checkmark-pc"></span></span>户外广告屏
                        </div>
                        <div class="choice-type">
                            <span class="select choose " type="5"><span class="icon-checkmark-pc"></span></span>室内高清屏
                        </div>
                        <div class="choice-type">
                            <span class="select choose " type="3"><span class="icon-checkmark-pc"></span></span>信息告示屏
                        </div>
                        <div class="choice-type">
                            <span class="select choose" type="1"><span class="icon-checkmark-pc"></span></span>门头屏
                        </div>
                        <div class="choice-type">
                            <span class="select choose" type="4"><span class="icon-checkmark-pc"></span></span>舞台用屏
                        </div>
                        <div class="choice-type">
                            <span class="select choose" type="0"><span class="icon-checkmark-pc"></span></span>其他
                        </div>
                    </div>
                </div>
                <!--租赁-->
                <div v-else-if="currentType=='rental'">
                    <span class="title">租用什么类型的屏幕?</span>
                    <div class="choice-button" >
                        <div class="choice-type">
                            <span class="select choose isSelected" type="1"><span class="icon-checkmark-pc"></span></span>婚礼宴会用屏
                        </div>
                        <div class="choice-type">
                            <span class="select choose " type="2"><span class="icon-checkmark-pc"></span></span>活动庆典用屏
                        </div>
                        <div class="choice-type">
                            <span class="select choose " type="3"><span class="icon-checkmark-pc"></span></span>舞台演出用屏
                        </div>
                        <div class="choice-type">
                            <span class="select choose" type="4"><span class="icon-checkmark-pc"></span></span>会议展览用屏
                        </div>
                        <div class="choice-type">
                            <span class="select choose" type="0"><span class="icon-checkmark-pc"></span></span>其他
                        </div>
                    </div>
                </div>
                <!--维修-->
                <div v-else-if="currentType=='repair'">
                    <span class="title">维修什么类型的屏幕?</span>
                    <div class="choice-button">
                        <div class="choice-type">
                            <span class="select choose isSelected" type="2"><span class="icon-checkmark-pc"></span></span>户外广告屏
                        </div>
                        <div class="choice-type">
                            <span class="select choose " type="5"><span class="icon-checkmark-pc"></span></span>室内高清屏
                        </div>
                        <div class="choice-type">
                            <span class="select choose " type="3"><span class="icon-checkmark-pc"></span></span>信息告示屏
                        </div>
                        <div class="choice-type">
                            <span class="select choose" type="1"><span class="icon-checkmark-pc"></span></span>门头屏
                        </div>
                        <div class="choice-type">
                            <span class="select choose" type="4"><span class="icon-checkmark-pc"></span></span>舞台用屏
                        </div>
                        <div class="choice-type">
                            <span class="select choose" type="0"><span class="icon-checkmark-pc"></span></span>其他
                        </div>
                    </div>
                </div>
                <!--采购-->
                <div v-else-if="currentType=='purchase'">
                    <span class="title">您需要采购的产品是?</span>
                    <div class="choice-button" >
                        <div class="choice-type">
                            <span class="select choose isSelected" type="1"><span class="icon-checkmark-pc"></span></span>模组\箱体
                        </div>
                        <div class="choice-type">
                            <span class="select choose " type="2"><span class="icon-checkmark-pc"></span></span>接收卡\异步接收卡
                        </div>
                        <div class="choice-type">
                            <span class="select choose " type="3"><span class="icon-checkmark-pc"></span></span>发送卡\异步发送卡
                        </div>
                        <div class="choice-type">
                            <span class="select choose" type="4"><span class="icon-checkmark-pc"></span></span>视频处理器\视频拼接器
                        </div>
                        <div class="choice-type">
                            <span class="select choose" type="5"><span class="icon-checkmark-pc"></span></span>型材
                        </div>
                        <div class="choice-type">
                            <span class="select choose" type="6"><span class="icon-checkmark-pc"></span></span>电源
                        </div>
                        <div class="choice-type">
                            <span class="select choose" type="0"><span class="icon-checkmark-pc"></span></span>其他
                        </div>
                    </div>
                    <input class="input-ss otherType" maxlength="50" placeholder="例如：钢结构" />
                    <div class="errorTip otherTip">
                        <span class="icon-mark"></span>
                        <span class="error-other">请填写需要采购的产品</span>
                    </div>
                </div>  
                <div class="text-right">
                    <button class="btn inquiry-type-next">下一步</button>
                </div>
            </div>
        </div>
        <!--第二屏-->
        <div id="ColorSelect" class="hide">
            <div class="inquiry-size">
                <!--制作和租赁-->
                <div v-if="currentType =='index' || currentType=='rental'">
                    <span class="inquiry-title">对屏幕有哪些特别要求?</span>
                    <div class=" span1">
                        <div class="title">颜色</div>
                        <div class="choose" evt="select2" color="3" v-bind:class="{corChoosed:currentType=='rental'}">全彩</div>
                        <div class="choose" evt="select2" color="2">双色</div>
                        <div class="choose" evt="select2" color="1">单色</div>
                    </div>
                    <div class=" span1">
                        <div class="title">环境</div>
                        <div class="choose" evt="select1" loc="1">户外</div>
                        <div class="choose" evt="select1" loc="3">半户外</div>
                        <div class="choose" evt="select1" loc="2" v-bind:class="{locChoosed:currentType=='rental'}">室内</div>
                    </div>

                    <div class="span3">
                        <div class="title">间距</div>
                        <!--默认联动-->
                        <div class="custom-options-button" v-if="currentType=='index'">
                            <div class="choose" evt="select3" span="1">p6</div>
                            <div class="choose" evt="select3" span="3">p8</div>
                            <div class="choose" evt="select3" span="2">p10</div>
                            <span class="custom-text" evt="customOptionsInput">自定义</span>
                        </div>
                        <div style="display: inline-block;" v-else>
                            <div class="choose" evt="select3" span="1">2.5</div>
                            <div class="choose spanChoosed" evt="select3" span="2">3.91</div>
                            <div class="choose" evt="select3" span="3">4.81</div>
                        </div>
                        <!--自定义-->
                        <div class="custom-options-input hide">
                            <input class="input-ss span" maxlength="8" placeholder="屏幕点间距，如p2.5">
                            <div class="errorTip spanTip">
                                <span class="icon-mark"></span>
                                <span class="error-span">间距不能为空</span>
                            </div>
                            <span class="custom-text" evt="customOptionsChoose">返回</span>
                        </div>
                    </div>

                    <div class="span1">
                        <div class="title">面积</div>
                        <div class="pos">
                            <input class=" input-ss size" maxlength="5" placeholder="面积(请填写数字，如15)">
                            <div class="unit">㎡</div>
                        </div>
                        <div class="errorTip sizeTip">
                            <span class="icon-mark"></span>
                            <span class="error-size">面积不能为空</span>
                        </div>
                    </div>
                </div>
                <!--维修-->
                <div v-else-if="currentType=='repair'">
                    <span class="inquiry-title">屏幕出现了什么故障?</span>
                    <div class="choice-button">
                        <div class="choice-fault">
                            <span class="select fault faultSelected" fault="1"><span class="icon-checkmark-pc"></span></span>整屏或部分不亮
                        </div>
                        <div class="choice-fault">
                            <span class="select fault" fault="2"><span class="icon-checkmark-pc"></span></span>出现亮点暗点
                        </div>
                        <div class="choice-fault">
                            <span class="select fault" fault="3"><span class="icon-checkmark-pc"></span></span>有色彩问题
                        </div>
                        <div class="choice-fault">
                            <span class="select fault" fault="4"><span class="icon-checkmark-pc"></span></span>无法更换屏幕内容
                        </div>
                        <div class="choice-fault">
                            <span class="select fault" fault="5"><span class="icon-checkmark-pc"></span></span>屏幕移位
                        </div>
                        <div class="choice-fault">
                            <span class="select fault" fault="0"><span class="icon-checkmark-pc"></span></span>其他
                        </div>
                    </div>
                </div>
                <!--采购-->
                <div v-else-if="currentType=='purchase'">
                    <span class="inquiry-title">对产品有哪些要求?</span>
                    <div class="span1">
                        <div class="title">型号</div>
                        <div class="pos">
                            <input class=" input-ss model" placeholder="例如：灵信VP4000S">
                        </div>
                    </div>
                    <div class="span1">
                        <div class="title">数量</div>
                        <div class="pos">
                            <input class=" input-ss number" maxlength="5" type="number" placeholder="数量(请填写数字，如15)">
                            <div class="unit">件</div>
                        </div>
                    </div>
                    <div class="span1">
                        <div class="title">批次</div>
                        <div class="pos">
                            <input class=" input-ss batch" placeholder="例如：IPS23910129012">
                        </div>
                    </div>
                </div>
                <div class="text-right">
                    <button class="btn inquiry-color-prv">上一步</button>
                    <button class="btn inquiry-color-next">下一步</button>
                </div>
            </div>
        </div>
        <!--第三屏-->
        <div id="LastSelect" class="hide">
            <div class="inquiry-last">
                <span class="inquiry-title" v-if="currentType == 'index'" >最后，您的安装地址是?</span>
                <span class="inquiry-title" v-else-if="currentType == 'repair'">最后，您的维修地址是?</span>
                <span class="inquiry-title" v-else-if="currentType == 'rental'">最后，您的租赁地址是?</span>
                <span class="inquiry-title" v-else-if="currentType == 'purchase'">最后，您的收货地址是?</span>
                <div class="span2">
                    <div class="pos">
                        <div class="location " evt="citySelect"><span class="citySelect">{{selected_Pos.city}}</span><span class="icon-circle-down"></span> </div>
                    </div>
                    <input class=" input-ss addr" maxlength="50" placeholder="所在区域、街道、门牌号">
                </div>
                <div class="text-right">
                    <button class="btn inquiry-last-prv">上一步</button>
                    <button class="btn submit" evt="inquirySubmit">提交</button>
                </div>
            </div>
        </div>
    </div>
</div>